<template>
  <div class="personal">
    <content>
      <Row>
        <Col :span="6">
          <Row>
            <Col :span="24">
              <el-avatar
                shape="square"
                :size="100"
                fit="contain"
                :src="userInfo.url"
              ></el-avatar
            ></Col>
            <Col :span="24">
              <h2>{{ userInfo.name }}</h2>
            </Col>
            <Col :span="24">
              <ul>
                <li>参与发布的话题： {{ userInfo.post }}</li>
                <li>参与话题数： {{ userInfo.num }}</li>
              </ul></Col
            >
          </Row>
          <Row>
            <Col>
              <Col :span="24">
                <Rate show-text disabled allow-half v-model="valueCustomText">
                  <span style="color: #f5a623">{{ valueCustomText }}</span>
                </Rate>
              </Col>
            </Col>
          </Row>
        </Col>
        <Col :span="18">
            
        </Col>
      </Row>
    </content>
  </div>
</template>

<script>
export default {
  name: "Personal",
  data() {
    return {
      valueCustomText: 5,
      userInfo: {
        name: "用户名字",
        url: "https://img2.baidu.com/it/u=561951021,3786812283&fm=26&fmt=auto",
        post: "12",
        num: "23",
      },
    };
  },
};
</script>

<style>
</style>